/*
 * @Author: 李诗韵 11366530+li-shiyun-shihan@user.noreply.gitee.com
 * @Date: 2022-08-20 15:25:04
 * @LastEditors: 李诗韵 11366530+li-shiyun-shihan@user.noreply.gitee.com
 * @LastEditTime: 2022-08-20 17:20:13
 * @FilePath: \前端开发c:\phpStudy\WWW\item\lin\js\orderxq.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
/* 
    1. 获取所有的用户信息
    2. 将所有的用户数据存储storage
    3. 将获取到的用户信息渲染到表单当中
        - 将数据转换成对象,不然我们没法使用
        - 一页显示10行数
*/
function getOrderInfo() {
    let orderId = sessionStorage.getItem('orderId')
    //console.log(orderId);
    Ajax({
        url: "http://localhost/lin/server/orderxq.php",
        data:{orderId:orderId},
        success(msg) {
            /* 当前页是第一页 */
            sessionStorage.setItem("currentPage", 1)
            // console.log(data);
            //将data数据存储到storage
            sessionStorage.setItem("orderInfo", msg)
            //将数据转换成对象
            msg = JSON.parse(msg);
            // 一页显示10行数
            msg = msg.slice(0, 1)
            //  console.log(studentObj);
            renderPage(msg);
        }
    })
}
getOrderInfo();

function renderPage(msg) {
    //渲染的工作
    //1. 获取tbody
    const tbody = document.querySelector("tbody")
    tbody.innerHTML = "";
    msg.forEach((item, index) => {
        let str = `
        <tr>
        <td>${item.gid} </td>
        <td>${item.bname} </td>
        <td>${item.bprice} </td>
        <td>${item.bcategory} </td>
        <td>${item.bdescription} </td>
    </tr>
        `
        tbody.innerHTML += str;
    });
}

/* 点击返回主页 */

function back(){
    location.href = "../html/OrderManagement.html"
}